<template>
  <!--列表的外壳-->
  <div v-for="item in tabData.filter(a=>a.isList)" :key="item.id">
    <nf_list
      :moduleId="item.id"
      v-show="item.id == tabState.activeId"
    />
  </div>
</template>

<script>
// 增删改查
import { nextTick, reactive, ref } from 'vue'
// 状态
import VueDS from 'vue-data-state'

</script>

<script setup>
// eslint-disable-next-line camelcase
import nf_list from './list.vue'

// 访问状态
const { get } = VueDS.useStore()
// 获取 tab 的状态
const tabState = get.tabState()
// 获取tab的数据
const tabData = tabState.tabData

if (tabData.length === 1) {
  tabState.activeId = tabData[0].id
}
</script>
